<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="../css/reset万能清.css">
    <link rel="Shortcut Icon" href="../font/ico/title.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/Productdetails.css">
</head>

<body>
    <header></header>
    <div class="bx">
        <div id="cpjs">
            <div id="cptp">
                <div id='small'>
                    <img src="../img/introduc-tu1.webp" alt="" />
                    <div id='mark'></div>
                </div>
                <div id='big'>
                    <img src="../img/introduc-tu1.webp" alt="" />
                </div>
            </div>
            <div class="introduction">
                <div class="ProductName">OPPO Find N 全新折叠旗舰 8G+256G 星夜 官方标配</div>
                <div class="ProductFi">
                    <button>券|满700减10</button>
                    <button>赠|Find N 原装保护壳</button>
                    <button>积分可抵200元</button>
                    <button>购物送积分</button>
                </div>
                <div class="gffl">【OPPO官方商城 | 加499元享Enco X无线降噪耳机】</div>
                <div class="djjx">
                    <p>四年六代匠心之作-OPPO Find N 全新折叠旗舰，从尝鲜，到常用，探索新形态、新技术、新体验，尝试解答N的下一种「新可能」。</p>
                    <p>①【互联网礼包】购机送816元OPPO云服务2T云空间（1年）;</p>
                    <p>②【金钻会员福利】购OPPO Care+享优惠。</p>
                </div>
                <div class="price">
                    <em>￥</em><span class="dj">7699</span>
                    <button><em>券后价￥</em>7689</button>
                </div>
                <div class="zhibiao">
                    <div class="zbson">
                        <img src="../img/zb-tu1.webp" alt="">
                        <p>多角度</p>
                        <span>自由悬停</span>
                    </div>
                    <div class="zbson">
                        <img src="../img/zb-tu2.webp" alt="">
                        <p>骁龙888</p>
                        <span>处理器</span>
                    </div>
                    <div class="zbson">
                        <img src="../img/zb-tu3.webp" alt="">
                        <p>悬停4K延时</p>
                        <span>摄影</span>
                    </div>
                    <div class="zbson">
                        <img src="../img/zb-tu4.webp" alt="">
                        <p>120HZ</p>
                        <span>主屏</span>
                    </div>
                    <div class="zbson">
                        <img src="../img/zb-tu5.webp" alt="">
                        <p>拟推式铰链</p>
                        <span>精工铰链</span>
                    </div>
                </div>
                <div class="peizhi">
                    <p>配置</p>
                    <button>8+256</button>
                    <button>12+256</button>
                </div>
                <div class="peizhi">
                    <p>颜色</p>
                    <button>星夜</button>
                    <button>云端</button>
                    <button>浮云</button>
                </div>
                <div class="peizhi">
                    <p>选择套餐</p>
                    <button>官方标配</button>
                    <button>加499元享Enco X无线降噪耳机</button>
                </div>
                <div class="num">
                    <p>数量</p>
                    <div class="numson">
                        <button id="min">-</button>
                        <span class="quantity">1</span>
                        <button id="add">+</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="settlement">
            <div class="top">
                <div class="left">已选：8+256G|星夜|加499元享Enco X无线降噪耳机|1件</div>
                <div class="right">
                    <button class="addcar">加入购物车</button>
                    <button>
                        <p>券后价￥8188</p>
                        <p>领券购买</p>
                    </button>
                </div>
            </div>
            <div class="bottom">
                <div class="btson">
                    <img src="../img/sh-tu.svg" alt="">
                    7天价保
                </div>
                <div class="btson">
                    <img src="../img/sh-tu.svg" alt="">
                    官方正品
                </div>
                <div class="btson">
                    <img src="../img/sh-tu.svg" alt="">
                    顺丰包邮
                </div>
                <div class="btson">
                    <img src="../img/sh-tu.svg" alt="">
                    全国联保
                </div>
                <div class="btson">
                    <img src="../img/sh-tu.svg" alt="">
                    官方发货&售后
                </div>
                <div class="btson">
                    <img src="../img/sh-tu.svg" alt="">
                    7天无理由退货
                </div>

            </div>
        </div>
    </div>
    <footer></footer>
</body>

</html>
<script src="../node_modules/_jquery@3.6.1@jquery/dist/jquery.js"></script>
<script src="../js/cookie.js"></script>
<script src="../js/Productdetails.js"></script>